<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>黄豆荚</title>
    <link rel="stylesheet" href="static/font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="index.css">
</head>
<body>
<!--  侧边栏  -->
<div class="index-aside">
    <ul class="aside-menu">
        <li class="aside-menu-head"><i c class="fa fa-eercast mag-right-10" aria-hidden="true"></i>黄豆子</li>
        <li class="aside-menu-tips">Demos</li>
        <li id="menuMsc">
            <a href="javascript:void(0)">
                <i class="fa fa-calendar mag-right-20"></i>
                <span class="mag-right-20">音乐播放器</span>
                <i class="fa fa-minus"></i>
                <!--<i class="fa fa-plus"></i>-->
            </a>
        </li>
        <li id="menuMscCont"  class="menu_msc_cont">
            <ul>
                <li><a href="musicPlayer/h5.html"><span>H5版</span></a></li>
                <li><a href="musicPlayer/jq.html"><span>JQ版本</span></a></li>
                <li><a href="musicPlayer/jq.html"><span>ES6版本</span></a></li>
            </ul>

        </li>
        <li>
            <a href="rememberQuickly/game.html">
                <i class="fa fa-gamepad mag-right-20"></i>
                <span class="mag-right-20">记忆小游戏</span>
            </a>
        </li>
        <li class="aside-menu-tips">Tools</li>
        <li>
            <!--<a href="tools/sqlCreator.html">查询工具</a>-->
            <a href="tools/tableCreate.html">antd工具</a>
          <a href="ant-pro-of-vue/index.html">ant pro of vue</a>
          <a href="ant-pro-of-react/index.html">ant pro of react</a>
        </li>

        <!--<li><a href=""><i class="fa fa-address-card mag-right-20" aria-hidden="true"></i><span>用户信息</span></a></li>
        <li><a href=""><i class="fa fa-envelope-o mag-right-20" aria-hidden="true"></i><span>邮箱</span></a></li>
        <li><a href="#!/view1"><i class="fa fa-info mag-right-20" aria-hidden="true"></i><span>测试页面1</span></a></li>
        <li><a href="#!/testView2"><i class="fa fa-info mag-right-20" aria-hidden="true"></i><span>测试页面2</span></a></li>-->

        <li class="aside-menu-tips">预览面板</li>
        <li><a href=""><i class="fa fa-calendar-o mag-right-10"></i>
            <span id="menuDate"></span></a>
        </li>
        <li><a href=""><i class="fa fa-clock-o mag-right-10"></i>
            <span id="menuTime"></span></a>
        </li>
    </ul>
</div>
<script type="application/javascript" src="index.js"></script>
</body>
</html>